<template>
    <div class="tuan">
      <!-- 头部部分 -->
      <Header></Header>
      <!-- 列表部分 -->
      <List :tuanArr="tuanArr" :tuanArrone="tuanArrone"></List>
    </div>
  </template>
  
  <script>
  // 导入组件
  import Header from '../../components/Tuan/HeaderBanner.vue'
  import List from '../../components/Tuan/List.vue'
  // 导入封装好的axios
  import {tuan_list} from '../../utils/api'
  export default {
    data(){
      return{
        tuanArr:[],
        tuanArrone:[]
  
      }
    },
    // 注册组件
    components:{
      Header,
      List
    },
    mounted(){
      // 在组件中 只需要调用封装好的函数，就可以发起Axios请求
      // 请求 爆爆团 列表
      tuan_list({status:1}).then((res)=>{
        this.tuanArr=res.data.list;
        // console.log(res.data);
      })
      tuan_list({status:0}).then((res)=>{
        this.tuanArrone=res.data.list;
      })
    }
  }
  </script>
  
  <style lang="scss">
    *{
      margin: 0;
      padding: 0;
    }
    .tuan{
      background: #ccc;
    }
  </style>